ul{
	padding:0;
	margin:0;
}
li{
	list-style: none;
}
body{
	width: 3840px;
    height: 2160px;
    background: #343738;
}
.line{
	float: left;
}
.normal{
	font-style: normal;
}
.head{
	padding: 100px 0 360px 100px;
	background: #0089af;
	color: #fff;
	position: relative;
}
.bd{
	border-right:6px solid #fff; 
}
.logo{
	padding-right: 100px;
}
.weather{
	font-size: 105px;
}
.weather-text{
	text-align: center;
}
.temperature{
	padding: 0 100px;
}
.date{
	font-size:40px;
	padding-left:100px; 
	line-height: 90px;
}
/*content*/
.pile{

	padding: 60px 0 0 0;
	width: 963px;
	display: inline-block;
    margin-right: -3px;
}
.pic{
	margin-bottom: 50px;
	position: relative;
}
.top{
	padding:0 135px;
	position: relative;
}
.bg{
	position: absolute;
	top: 0;
	left:282px;
}
.state{
	text-align: center;
	padding-bottom: 80px;
	
}
.state .pic img{
	width: 359px;
}
.state,.portNo{
	display: inline-block;
	vertical-align:middle; 
}
.text-ifame{
	background: #272829;
	width: 410px;
	height: 75px;
	border-radius: 5px;
	line-height: 75px;
	text-align: center;
}
.state-text{
	color: #fff;
	font-size: 40px;
}
ul.portNo li{
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 30px;
}
.portNo{
	width: 183px;
	height: 260px;
	background: #DFDFDF;
	border-radius: 5px;
}
.portNo .black{
	background: #1F2223;
	color: #fff;
	font-size: 40px;
}
.left,.right{
	display: inline-block;
}
.right{
	padding-left: 309px;
}

/**/
.bottom{
	background: #1F2223;
	color: #6E6F6F;
	font-size: 25px;
	padding: 62px 35px 40px;
	text-align: center;
	position: relative;
}
.pileNOOO{
position: absolute;
    top: 0px;
    right: -50px;
    z-index: 999;
}
.data-msg,.pileNo{
	display: inline-block;
}
.num{
	font-size:75px;
}
.pileNo{
	color: #fff;
    text-align: center;
    padding: 0 0 0 200px;
}
.pileNo .text{
	font-size:40px;
}
.symbol{
	font-size: 35px;
}
.gauge{
	padding-right:135px; 
}
.gauge1{
	margin-top: 50px;
}
.gauge2{
	padding-right: 70px;
}
.gauge3{
	padding-left: 70px;
}
.white-color{
	color: #fff;
}
/**/
/*.m1,.m2,.m3,.m4,.m5{
	width: 3840px;
	height: 2160px;
	float: left;
}
.content{
	position:absolute;
}
#wrap {width:3840px;height:2160px;position:relative;overflow:hidden}；
.menu{
	
}
.link{
	position: absolute;
	right: 100px;
    top: 200px;
}
ul.menu li{
	float: left;
	cursor: pointer;
	font-size: 40px;
	padding-left: 60px;
}*/
.soc{
	position: absolute;
    top: 90px;
    left: 128px;
    text-align: center;
    width: 159px;
}
.socText{
	color: #fff;
	font-size: 60px;
}